<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <meta http-equiv="X-UA-Compatible" content="IE=7"/>
        <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
        <title>EPAC - Homepage</title>
        <script type="text/javascript" src="<?php echo $this->baseUrl() ?>/public/js/jquery-1.10.0.min.js"></script>
        <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon"/>
        <link href="<?php echo $this->baseUrl() ?>/public/css/style-mobile.css" rel="stylesheet" type="text/css">
        <!--[if gt IE 6]>
        <link rel="stylesheet" href="<?php echo $this->baseUrl() ?>/public/css/ie.css" type="text/css" media="screen"/>
        <![endif]-->
    </head>

    <body>
        <div class="header1">
            <div id="scale">
                <div class="menu-icon">
                    <?php if ($this->controller == 'tracking'): ?>
                        <a href="javascript:void(0)" onclick="toggleShowHide()" style="top: -5px;position: relative;">
                            <img src="<?php echo $this->baseUrl() ?>/public/images/menu-mobile.png"/>
                        </a>
                    <?php else: ?> 
                        <a href='<?php echo $this->baseUrl() ?>/tracking'>
                            <img src="<?php echo $this->baseUrl() ?>/public/images/logo.png" style="height:30px"/>
                        </a>
                    <?php endif; ?>
                </div>
                <div class="navigation">
                    <?php if (!empty($this->session->user)): ?>
                        <?php $user = $this->session->user ?>
                        <ul style="margin-bottom: 2px;font-size: 7px;"><li>Hello <?php echo $user->username ?></li></ul>
                    <?php else: ?>
                        <ul style="margin-bottom: 2px;font-size: 7px;"><li>&nbsp;</li></ul>
                    <?php endif; ?>
                    <ul>
                        <li>
                            <?php if ($this->controller == 'about'): ?>
                                <span> Services </span>
                            <?php else: ?>
                                <a href="<?php echo $this->baseUrl() ?>/about"> Services </a>
                            <?php endif; ?>
                        </li>
                        <li style="padding: 0px; margin-top: 8px;height: 25px; width: 1px; border-right: thin solid red"></li>
                        <li>
                            <?php if ($this->controller == 'tracking'): ?>
                                <span> Tracking Your Vessel </span>
                            <?php else: ?>
                                <a href="<?php echo $this->baseUrl() ?>/tracking"> Tracking Your Vessel </a>
                            <?php endif; ?>
                        </li>
                        <li style="padding: 0px; margin-top: 8px;height: 25px; width: 1px; border-right: thin solid red"></li>
                        <li class="sub">
                            <?php if ($this->controller == 'port'): ?>
                                <span>Ports Info</span>
                            <?php else: ?>
                                <a href="<?php echo $this->baseUrl() ?>/port">Ports Info</a>
                            <?php endif; ?>
                            <ul class="submenu">
                                <li>
                                    <a href="<?php echo $this->baseUrl() ?>/port">Main Ports</a>
                                </li>
                                <li>
                                    <a href="<?php echo $this->baseUrl() ?>/port/tide">Tide Ports</a>
                                </li>
                            </ul>
                        </li>
                        <li style="padding: 0px; margin-top: 8px;height: 25px; width: 1px; border-right: thin solid red"></li>
                        <li class="last">
                            <?php if ($this->controller == 'contact'): ?>
                                <span>Contacts</span>
                            <?php else: ?>
                                <a href="<?php echo $this->baseUrl() ?>/contact">Contacts</a>
                            <?php endif; ?>
                        </li>
                        <?php if (!empty($this->session->user)): ?>
                            <li style="padding: 0px; margin-top: 8px;height: 25px; width: 1px; border-right: thin solid red"></li>
                            <li class="last"><a href="<?php echo $this->baseUrl() ?>/auth/logout"> Logout </a></li>
                        <?php endif; ?>
                    </ul>
                </div>
            </div>
        </div>
        <div class="wrap">
            <div class="center">
                <?php echo $this->layout()->content ?>
            </div>
            <div id="footer-content-wrapper">
                <div id="footer">
                    <div id="fbox1">
                        <input type="button" value="View Full Version" onclick="setCookieViewFull()"/>
                        <p>Copyright © 2013 EPAC - All rights reserved.</p>
                    </div>
                </div>
            </div>    
        </div>
        <script type="text/javascript">
            function setCookieViewFull(){
                var exdate=new Date();
                exdate.setDate(exdate.getDate() + 30);
                var c_value=escape(1) +  "; expires="+exdate.toUTCString();
                document.cookie="view_full_version" + "=" + c_value;
                location.reload();
            }
        </script>
    </body>
</html>


